<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>幻灯片相册</title>
    <link rel="stylesheet" href="src/slideshow.css">
</head>
<body>
<div id="msg_slideshow" class="msg_slideshow" style="margin: 10px auto;">
    <div id="msg_wrapper" class="msg_wrapper"></div>
    <div id="msg_controls" class="msg_controls">
        <a href="#" id="msg_grid" class="msg_grid"></a>
        <a href="#" id="msg_prev" class="msg_prev"></a>
        <a href="#" id="msg_pause_play" class="msg_pause"></a>
        <a href="#" id="msg_next" class="msg_next"></a>
    </div>
    <div id="msg_thumbs" class="msg_thumbs">
        <div class="msg_thumb_wrapper">
            <a href="#"><img src="http://img.php.cn/upload/course/000/000/006/58216c91a1476296.jpg"
                             alt="http://img.php.cn/upload/course/000/000/006/58216f0fabd77465.jpg"/></a>
            <a href="#"><img src="http://img.php.cn/upload/course/000/000/006/58216cb76a686552.jpg"
                             alt="http://img.php.cn/upload/course/000/000/006/58216f480560b322.jpg"/></a>
            <a href="#"><img src="http://img.php.cn/upload/course/000/000/006/58216ce6dbc9d139.jpg"
                             alt="http://img.php.cn/upload/course/000/000/006/58216f646b99e230.jpg"/></a>
            <a href="#"><img src="http://img.php.cn/upload/course/000/000/006/58216cf713dae640.jpg"
                             alt="http://img.php.cn/upload/course/000/000/006/58216f7e072e1500.jpg"/></a>
            <a href="#"><img src="http://img.php.cn/upload/course/000/000/006/58216d0e62ba1452.jpg"
                             alt="http://img.php.cn/upload/course/000/000/006/58216f9731b36828.jpg"/></a>
            <a href="#"><img src="http://img.php.cn/upload/course/000/000/006/58216d1de675a947.jpg"
                             alt="http://img.php.cn/upload/course/000/000/006/58216faf10839642.jpg"/></a>
        </div>
        <div class="msg_thumb_wrapper" style="display:none;">
            <a href="#"><img src="http://img.php.cn/upload/course/000/000/006/58216d2c6bec7649.jpg"
                             alt="http://img.php.cn/upload/course/000/000/006/58216fca98a19278.jpg"/></a>
            <a href="#"><img src="http://img.php.cn/upload/course/000/000/006/58216d416a34c522.jpg"
                             alt="http://img.php.cn/upload/course/000/000/006/58216fe008cb7955.jpg"/></a>
            <a href="#"><img src="http://img.php.cn/upload/course/000/000/006/58216d53d3890992.jpg"
                             alt="http://img.php.cn/upload/course/000/000/006/58216ff96ca8e295.jpg"/></a>
            <a href="#"><img src="http://img.php.cn/upload/course/000/000/006/58216d6354460730.jpg"
                             alt="http://img.php.cn/upload/course/000/000/006/583ba25517ab7866.jpg"/></a>
            <a href="#"><img src="http://img.php.cn/upload/course/000/000/006/58216d7bc27cc475.jpg"
                             alt="http://img.php.cn/upload/course/000/000/006/58217038597ed984.jpg"/></a>
            <a href="#"><img src="http://img.php.cn/upload/course/000/000/006/582172a640411986.jpg"
                             alt="http://img.php.cn/upload/course/000/000/006/5821705dd7c02379.jpg"/></a>
        </div>
        <a href="#" id="msg_thumb_next" class="msg_thumb_next"></a>
        <a href="#" id="msg_thumb_prev" class="msg_thumb_prev"></a>
        <a href="#" id="msg_thumb_close" class="msg_thumb_close"></a>
        <span class="msg_loading"></span>
    </div>
</div>
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="src/slideshow.js"></script>
</body>
</html>